<template lang="">
<div>
        {{ num }}
            </div>
                <!-- <input :value="num" @input="(e) => num = e.target.value"/> -->
                     <div>
                             索引：
                    <input v-model="keyNum" />
                         </div>
                         <div>
                        值：
                    <input v-model="arr[keyNum]" />
                     </div>
                     
                 <!-- <input v-model="arr[6]" /> -->
                 <div v-if="num == 1">你输入了1</div>
               <div v-else-if="num == 2">你输入了2</div>
                 <div v-else>您没有输入1,也没有输入2</div>
                 <div v-show="num == 1">show: 你输入了1</div>
                <!-- <div>{{ arr[0] }}</div>
                <div>{{ arr[1] }}</div>
                <div>{{ arr[2] }}</div> -->  
                  <div v-for="(ite, index) in arr" :key="index">
                {{ ite }}, {{ index }}
           </div>
           </template>
           <script>
           export default {
                data() {
                            return {
                            num: 1,
                    keyNum: 0,
                        arr: [
                          '张三',
                        '李思',
                        '李思2',
                        '李思3',
                       '李思4',
                       '李思5',
                        '李思6',
                    '李思7',
                    ],
                }
                    },
                methods: {
                // inputNum(e) {
           //     this.num = e.target.value
                 // }
                     }
                     }
                     </script>
                     <style lang="">
                    </style>